<div>
	<h2 data-translate="milkbeeApp.hispost.home.title">Cards</h2>
	<jhi-alert></jhi-alert>
	<br />
	<ul class="nav nav-tabs">
		<li role="presentation" ng-class="{'active':vm.type==1}"><a
			ui-sref="hispost({userId:vm.userId,type:'1'})"
			data-translate="milkbeeApp.hispost.card"></a></li>
		<li role="presentation" ng-class="{'active':vm.type==2}"><a
			ui-sref="hispost({userId:vm.userId,type:'2'})"
			data-translate="milkbeeApp.hispost.comment"></a></li>
	</ul>
	<div class="table-responsive">
		<table class="jh-table table table-striped">
			<thead>
			</thead>
			<tbody>
				<tr ng-repeat="hisPost in vm.hisPosts track by hisPost.id">
					<td>
						<div class="panel-heading">
							<h4 >
								<a ng-if="vm.type==1"
									ui-sref="cardcoments({cardId:hisPost.id,cardTitle:hisPost.title})">{{hisPost.title}}</a>
							
								<a ng-if="vm.type==2"
									ui-sref="cardcoments({cardId:hisPost.cardId,cardTitle:hisPost.title})">{{hisPost.title}}</a>
							
							</h4>
							{{hisPost.createdAt | date:'medium'}}
						</div>
						<div class="panel-body">
							<hr />
							<article id="word-display"
								ng-bind-html="hisPost.content |limitTo:72| trustHtml"></article>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="text-center">
		<jhi-item-count page="vm.page" total="vm.queryCount"
			items-per-page="vm.itemsPerPage"></jhi-item-count>
		<uib-pagination class="pagination-sm" total-items="vm.totalItems"
			items-per-page="vm.itemsPerPage" ng-model="vm.page"
			ng-change="vm.transition()"></uib-pagination>
	</div>
</div>
